<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新元素</title>
		<style>
			/* 鼠标 悬停 大风车上 旋转 */
			img{
				/*过渡属性：控制旋转的时间*/
				transition: transform 10s;
			}
			img:hover{
				/*转换：旋转*/
				transfrom:rotate(180deg);
			}
		</style>
	</head>
	<body>
		<!--音频与视频   属性  autploy  自动播放一次属性
		                     autploy=“autploy”  属性与属性值一致【属性值不写】
							 controls 控制条
							 loop 循环播放
		-->
		<audio src="img/歌曲.mp3" autploy loop></audio>
		<video src="img/视频.mp4" autploy controls></video>
		<img src="img/dfc.jpg" alt="大风车">
	</body>
</html>